/* 产品策略列表
 * @Author: bashuang
 * @Date: 2020-05-12
 *
 */
<template>
	<div class="productBox">
		<!-- 大tab -->
		<div  v-if='!showNoData'>
			<div class="tab-fixed" v-if='isFirst'>
				<div class="big-tab">
					<div :class="firstNum == index ? 'btn-active' : 'first-button' " v-for="(item,index) in data" :key="index" 	@click="firstNum != index && isClick && handFirst(item,index)" htmdEvt="firstTab_btn">{{item.categoryName}}</div>
				</div>
			</div>
			<!-- 小tab -->
			<div class="small-tab" v-if="isSecond" >
				<span
					:class="secondNum == index ? 'second-button second-button-now' : 'second-button'" @click="secondNum != index && isClick && handSecond(item.id,item.isAuto,index)"	v-for="(item,index) in data[firstNum].categoryVO" :key="index"  htmdEvt="secondTab_btn">{{item.categoryName}}</span>
			</div>
			<!-- 产品策略配置，简介+图片 -->
			<div class="product-main" v-if="detailData && detailData.introduction || detailData && detailData.images.length>0">
				<!-- 产品策略简介 -->
				<div class="introduce" v-html="detailData.introduction.replace(/(\r\n|\n|\r)/gm , '<br/>')"></div>
				<!-- 产品图片 -->
				<img :preview="index" class="product-img" :src="item.imgUrl" alt="" v-for="(item,index) in detailData.images" :key="index" htmdEvt="openBigProductImg">
			</div>

			<!-- 列表   列表111 -->
			<ul class="product-list-wrap" v-if="!ListNoData && firstNum != 4">
				<li class="product-list" v-for="(item,index) in proList" :key="index">
					<div class="line-20px" v-if="item.name&&index!=0"></div> <!-- 粗边线 -->
					<!-- 列表三级标题 -->
					<div class="product-list-tit" v-if="item.name">{{item.name}}</div>

					<!-- 自动设置   自动设置   自动设置 -->
					<div class="list-border" v-if="paramsLevel2.isAuto == 0" v-for="(itemAuto,index2) in item.projectList" :key="index2"  @click.stop="goProductDetail(itemAuto, $event)">
						<!-- 产品标题 -->
						<div class="product-tit"  :style="index2 == 0 ? 'border:none' : ''">{{itemAuto.projectName}}</div>
						<!-- 蓝色标签 -->
						<div class="blue-label-wrap">
							<!-- <span class="blue-label" v-if="itemAuto.investDirect ==0 || itemAuto.investDirect ? true :false">{{investDirect[itemAuto.investDirect]}}</span> -->
							<span class="blue-label" v-if="itemAuto.investDirectName">{{itemAuto.investDirectName}}</span>
							<span class="blue-label" v-if="itemAuto.contractType==1||itemAuto.contractType==2">{{contractType[itemAuto.contractType]}}</span>
						</div>
						<!-- 一行百分比 -->
						<div class="percent-wrap">
							<div class="percent-1">
								<!--左-->
								<span class="percent-num1" v-html="showType_1(itemAuto)"></span>
								<span class="mini-unit unit-percent"  v-html="showType_1_percent(itemAuto)"></span>
								<div class="percent-name" v-html="showTypeName_1(itemAuto)"></div>
							</div>
							<div class="percent-2">
								<!--中-->
								<span class="percent-num2">{{itemAuto.perInvestStart == null ? '--' :itemAuto.perInvestStart}}<span class="mini-unit" v-if="itemAuto.perInvestStart!=null">万</span></span>
								<div class="percent-name2">起购金额</div>
							</div>
							<div class="percent-3">
								<!--右-->
								<span class="percent-num3" v-html="showType_2(itemAuto)"></span><span class="mini-unit3" v-html="showType_2_unit(itemAuto)"></span>
								<div class="percent-name">{{firstNum == 1 ? '封闭期' : '投资期限'}}</div>
							</div>
						</div>
					</div>
					<!-- 自动设置  end -->

					<!-- 手动设置   手动设置   手动设置   手动设置 -->
					<div class="list-border" v-if="paramsLevel2.isAuto != 0" @click.stop="goProductDetail(item, $event)" >
						<!-- 产品标题 -->
						<div class="product-tit" :style="index == 0 ? 'border:none' : ''">{{item.projectName}}</div>
						<!-- 蓝色标签 -->
						<div class="blue-label-wrap">
							<!-- <span class="blue-label" v-if="item.investDirect ==0 || item.investDirect ? true :false">{{investDirect[item.investDirect]}}</span> -->
							<span class="blue-label" v-if="item.investDirectName">{{item.investDirectName}}</span>
							<span class="blue-label"  v-if="item.contractType==1||item.contractType==2">{{contractType[item.contractType]}}</span>
						</div>
						<!-- 一行百分比 -->
						<div class="percent-wrap">
							<div class="percent-1">
								<!--左-->
								<span class="percent-num1" v-html="showType_1(item)"></span><span class="mini-unit unit-percent"  v-html="showType_1_percent(item)"></span>
								<div class="percent-name" v-html="showTypeName_1(item)"></div>
							</div>
							<div class="percent-2">
								<!--中-->
								<span class="percent-num2">{{item.perInvestStart==null ? '--':item.perInvestStart}}<span class="mini-unit" v-if="item.perInvestStart!=null">万</span></span>
								<div class="percent-name2">起购金额</div>
							</div>
							<div class="percent-3">
								<!--右-->
								<span class="percent-num3" v-html="showType_2(item)"></span><span class="mini-unit3" v-html="showType_2_unit(item)"></span>
								<div class="percent-name">{{firstNum == 1 ? '封闭期' : '投资期限'}}</div>
							</div>
						</div>
					</div>
					<!-- 手动设置  end -->
				</li>
				<proListNoData :ListNoData="ListNoData" :show="show"></proListNoData>
			</ul>
			<!-- 公募列表  列表222 -->
			<ul class="public-list-wrap">
				<li class="public-list" v-if="!ListNoData && firstNum == 4" v-for="(item,index) in proList" :key="index" @click="goPublicPage(item.fundCode,item.fundName,item.projectType)" htmdEvt="toPublicFundPage">
					<div class="public-tit" :style="index == 0 ? 'border:none' : ''">
						<span class="fundName">{{item.fundName}}</span>
						<span class="performance">业绩系数：{{item.performanceCoefficient}}倍</span>
					</div>
					<!-- 一行百分比 -->
					<div class="percent-wrap">
						<div class="percent-1" v-if="paramsLevel2.categoryId == 9&&item.combFundSimpleInfoList">
							<!--左 组合-->
							<span class="percent-num">{{item.combFundSimpleInfoList[0].ratio | FILTER_DELETE_PERCENT}}<span class="unit-percent">{{item.combFundSimpleInfoList[0].ratio | FILTER_PERCENT_SHOW}}</span></span>
							<div class="percent-name">{{item.combFundSimpleInfoList[0].txtDescribe}}</div>
						</div>
						<div class="percent-1" v-if="paramsLevel2.categoryId == 10">
							<!--左 单基-->
							<span class="percent-num" >{{item.chgRat1y ? item.chgRat1y : '' | FILTER_DELETE_PERCENT}}<span class="unit-percent" v-if="item.chgRat1y">%</span></span>
							<div class="percent-name">近一年的增长率</div>
						</div>

						<div class="percent-2"  v-if="paramsLevel2.categoryId == 9&&item.combFundSimpleInfoList">
							<!--中 组合-->
							<span class="percent-num">{{item.combFundSimpleInfoList[1].ratio | FILTER_DELETE_PERCENT}}<span class="unit-percent">{{item.combFundSimpleInfoList[1].ratio | FILTER_PERCENT_SHOW}}</span></span>
							<div class="percent-name">{{item.combFundSimpleInfoList[1].txtDescribe}}</div>
						</div>
						<div class="percent-2" v-if="paramsLevel2.categoryId == 10">
							<!--中 单基-->
							<span class="percent-num"></span>
							<div class="percent-name">（{{item.fundCode}}）{{item.invTypComDesc}}</div>
						</div>
						<div class="percent-3" v-if="paramsLevel2.categoryId == 9&&item.combFundSimpleInfoList">
							<!--右  组合-->
							<div class="publice-num3">{{item.combFundSimpleInfoList[2].ratio | FILTER_DELETE_PERCENT}}<span class="unit-percent">{{item.combFundSimpleInfoList[2].ratio | FILTER_PERCENT_SHOW}}</span></div>
							<div class="percent-name">{{item.combFundSimpleInfoList[2].txtDescribe}}</div>
						</div>
						<div class="percent-3" v-if="paramsLevel2.categoryId == 10">
							<!--右 单基-->
							<span class="percent-num"></span>
							<div class="percent-name"></div>
						</div>
					</div>
				</li>
				<proListNoData :ListNoData="ListNoData" :show="show"></proListNoData>
			</ul>
			<noMore  v-show="!ListNoData && noMore"></noMore>
		</div>
		<no-data :showNoData="showNoData" :show="show"></no-data>
	</div>
</template>

<script  type="text/javascript">
import "./productList.less";
import noData from '@src/common/components/noData/noData';
import noMore from "@src/common/noMore/noMore";
import proListNoData from "@src/common/proListNoData/proListNoData";

export default {
  name: "productList",
  components: { noMore,noData,proListNoData},
  data() {
    return {
			isClick:true, //点击事件是否可点击
			firstNum:0, //点击第一个标签tab的索引
			isFirst:false, //是否显示一级分类
			isSecond:false, //是否显示二级分类
			secondNum:0, //点击的第二个标签tab索引
			isLoading:true, //加载条显示隐藏
			show: 'show', //无数据图片参数
			showNoData: false, //是否显示暂无数据的图片
			data:[], //标签分类所有数据
			detailData:null, //显示当前标签分类的数据（取接口返回的tab相对应索引的数据）
			proList:[],//产品策略列表接口数据
			showList:[], //产品策略列表展示的数据
			paramsLevel2:{}, //获取列表所需参数对象
			// investDirect:['债权投资','证券投资','股权投资','海外投资','其他'], //投资方向
			contractType:['纸质合同','电子合同','电子合同'], //合同类型
			incomeMode:['固定收益','浮动收益','固定+浮动收益'], //收益分配方式
			/*investArea:[
				'现金管理',
				'长期债权',
				'股票策略',
				'宏观期货策略',
				'债券策略',
				'FOF',
				'多策略',
				'事件驱动策略',
				'套利策略',
				'中性策略',
				'定向增发',
				'固收增强',
				'PE/VC',
				'PreIPO',
				'PIPE',
				'并购基金',
				'母基金',
				'地产基金',
				'对冲基金',
				'股票多头',
				'固收增强',
				'私募债权' ,
				'私募股权',
				'地产基金',
				'新三板',
				'全权委托',
				'不良资产',
				'其他',
				'【二级市场】–移植',
				'【股权】–移植',
				'【货币基金】–移植',
				'31',
				'32',
				'【健康医疗】--移植' //暂无31、21  两个数据
			],//投资领域*/
			isAndroid:false, //是否是安卓
			isiOS:false, //是否是ios
			noMore:false, //没有更多数据了
			ListNoData:false, //是否有列表数据
		};
	},
  mounted() {
		this.getTabData('init') //获取分类接口（全局只获取一次）
		this.getUrlParams() //获取地址栏参数
		// 判断是安卓还是ios
		let u = navigator.userAgent;
		this.isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
		this.isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
  },
  methods: {
		/* 获取标签数据
		*		type  'init'=进入列表第一次获取全部标签分类数据，以展示一级标题，'click'=点击一级/二级标题获取对应的分类数据
		*/
    getTabData (type) {
			this.proList = null //列表数据
			let params={}
			if(type=='click'){
				params={categoryId:this.paramsLevel2.categoryId}
			}
			this.showNoData = false
			this.$axiosHttp.http({
				method: "POST",
				url: apiUrl.getCategory,
				params:params
			} ,
			(res) => { //"0000"
				if (type=='init'){
					this.data = res.data.data || [] ; //全部数据赋值，用具分类标签
					this.isFirst = true
					this.isSecond = this.data[this.firstNum].categoryVO != null && this.data[this.firstNum].categoryVO.length >0
					// this.paramsLevel2.categoryLevel = 1 //点击低一级标签，分类级别为1
					// this.paramsLevel2.categoryId = item.id//第一级策略分类id
					// this.paramsLevel2.isAuto = item.isAuto //是否是自动设置
					this.$previewRefresh();
				}else{
					this.detailData = type=='init' ? this.data[this.firstNum] : res.data.data[0]
					this.$previewRefresh();
				}
			},
			(res) => { // 接口错误 4000+
			// 	this.$parent.changeLoading(false) //关闭加载条
			// 	this.showNoData = true
			},
			(res) => { // 接口返回1000
				this.showNoData = true
				this.$parent.changeLoading(false) //关闭加载条
			});
    },
		// 获取策略列表
		getProductList(){
			this.ListNoData = false //列表的无数据图片
			this.noMore = false //已无更多数据
			this.$axiosHttp.http({
				method: "POST",
				url: apiUrl.getProductList,
				params:this.paramsLevel2
			} ,
			(res) => { //接口成功
				this.proList = res.data.data || [] //接口数据赋值
				this.noMore = true
				this.$parent.changeLoading(false) //关闭加载条
			},
			(res) => { // 接口错误 4000+
				// this.$parent.changeLoading(false) //关闭加载条
				// this.noMore = false
				// this.ListNoData = true
			},
			(res) => { // 接口返回1000
				this.$parent.changeLoading(false) //关闭加载条
				this.noMore = false
				this.ListNoData = true
			});
		},
		/* 点击顶部第一个标签标题tab
			* item：第一级标签下的数据
			*/
    handFirst(item,index = 0) {
			this.$parent.changeLoading(true) //加载条
			this.noMore = false
			this.showNoData = false
			this.proList = null //列表数据
			this.detailData = null //清空简介+图片
			window.scrollTo(0,0) // 点击标签滚动条置顶
			this.firstNum = index //赋值点击的标签索引，让当前标签选中
			this.paramsLevel2.categoryLevel = 1 //点击低一级标签，分类级别为1
			this.paramsLevel2.categoryId = item.id//第一级策略分类id
			this.paramsLevel2.isAuto = item.isAuto //是否是自动设置
			this.secondNum = 0
			this.isSecond = this.data[this.firstNum].categoryVO != null && this.data[this.firstNum].categoryVO.length >0
			if(this.isSecond){ //如果二级列表有数据，则显示第二级列表
				this.handSecond(item.categoryVO[this.secondNum].id,item.categoryVO[this.secondNum].isAuto)
			}else{ //如果没有二级标签，直接用以及id获取列表
				this.getTabData('click')
				this.getProductList()
			}
			this.retardation() //点击延时
    },
     /* 点击顶部第二个标签标题tab
			* id:分类标签id，isAuto：是否是自动设置 0 自动 1 手动，index标签所在索引
			*/
		handSecond(id,isAuto,index=0) {
			this.$parent.changeLoading(true) //加载条
			this.secondNum = index //赋值点击的标签索引，让当前标签选中
			this.showNoData = false
			this.noMore = false
			this.paramsLevel2.categoryLevel = 2
			this.paramsLevel2.categoryId = id //第一级策略分类id
			this.paramsLevel2.isAuto = isAuto //是否是自动设置
			this.getTabData('click') //获取当前点击的分类数据
			this.getProductList()
			this.retardation() //点击延时
		},
		// 获取原生地址栏参数
		getUrlParams(){
			let deUrl = decodeURI(window.location.href);
			//产品策略id
			if (splitUrl(deUrl)['categoryId'] == '--') {
				this.paramsLevel2.categoryId = null;
			} else {
				this.paramsLevel2.categoryId = splitUrl(deUrl)['categoryId']
			}
			// 一级级标题当前点击的下标（0123...）
			if(splitUrl(deUrl)['firstIndex'] != '--'){
				this.firstNum = splitUrl(deUrl)['firstIndex'] || 0
			}
			//二级（一级/二级分类id，只传最低级的）
			if(splitUrl(deUrl)['secondIndex'] != '--'){
				this.secondNum = splitUrl(deUrl)['secondIndex'] || 0
			}
			//分类级别： 1 一级 2 二级（只传最低级）
			if(splitUrl(deUrl)['categoryLevel'] != '--'){
				this.paramsLevel2.categoryLevel = splitUrl(deUrl)['categoryLevel']
			}
			//产品设置类型： 0 自动 1 手动
			if(splitUrl(deUrl)['isAuto'] != '--'){
				var tempIsAuto = decodeURIComponent(splitUrl(deUrl)['isAuto'])
				this.paramsLevel2.isAuto = tempIsAuto.indexOf('?') >=0 ? tempIsAuto.split('?')[0] : tempIsAuto
				console.log(this.paramsLevel2.isAuto,"this.paramsLevel2.isAuto");
			}
			this.getTabData('click')
			this.getProductList()
		},
		// 跳转公募详情（组合或单基）
		goPublicPage(fundCode,fundName,projectType){
			// console.log('跳转组合或单基',fundCode,fundName,projectType)
			//如果二级分类为公募组合的话就跳转组合详情
			if(projectType == 2){
				let obj = {
					fundCode:fundCode || '--', //组合编号
					fundName:fundName || '--', //组合名称
				}
				console.log(obj)
				if(this.isAndroid){//如果安卓手机用原有方法，如果是苹果则使用wk
					window.jsObj.gotoPublicGroup(JSON.stringify(obj))
				}else{
					window.webkit.messageHandlers.gotoPublicGroup.postMessage(obj)
				}
			}
			//如果二级分类为公募单基的话就跳转今日好基详情
			else if(projectType == 3){
				let obj = {
					fundCode:fundCode || '--', //基金/组合编号
					fundName:fundName || '--', //组合名称
					}
					console.log(obj)
				if(this.isAndroid){//如果安卓手机用原有方法，如果是苹果则使用wk
					window.jsObj.gotoPublicFund(JSON.stringify(obj))
				}else{
					window.webkit.messageHandlers.gotoPublicFund.postMessage(obj)
				}
			}
		},
		// 跳转产品详情
		goProductDetail(item, event){

			event = event || window.event;
			let eventTarget = event.target || event.srcElement;
			window._submitMd(3, 'toProductDetailPage', eventTarget);

			// console.log('跳转产品详情',item.projectType)
			if(item.projectType == 1){ // projectType：产品类型：0 通用 1 私募 2 组合 3 单基
				let obj={
					projectId:item.projectId || '--', //产品id
					productType:'1', //跳转私募产品详情
				}
				if(this.isAndroid){ //如果安卓手机用原有方法，如果是苹果则使用wk
					window.jsObj.gotoProdetail(JSON.stringify(obj))
				}else{
					window.webkit.messageHandlers.gotoProdetail.postMessage(obj)
				}
			}else if(item.projectType == 0){
				let obj={
					projectId:item.projectId || '--', //产品id
					productType:'2', //跳转通用产品详情
				}
				if(this.isAndroid){//如果安卓手机用原有方法，如果是苹果则使用wk
					window.jsObj.gotoProdetail(JSON.stringify(obj))
				}else{
					window.webkit.messageHandlers.gotoProdetail.postMessage(obj)
				}
			}
		},
		// 左上数据
		showType_1(item){
			if(this.firstNum == 0){ //债权产品
				let y = ''
				if(this.paramsLevel2.categoryId==8&&item.incomeMode!=0){ //现金管理，不是固收，就显示七日年化,后端返回'0%',则显示--
					if(item.sevenIncomeRate){
						let seven = item.sevenIncomeRate.replace(/%/g,'')
						y = item.sevenIncomeRate!='0%' ? item.sevenIncomeRate.replace(/%/g,'<span class="mini-unit unit-percent">%</span>') :'--';
					}
				}else{
					if(item.benifitRate){
                        y = item.benifitRate!='0%'?item.benifitRate.replace(/%/g,'<span class="mini-unit unit-percent">%</span>'):'--';
					}
				}
				return y || '--'
			}else if(this.firstNum == 1){ //证in券产品，显示近一年/近半年涨幅/单位净值
				// item.yearGain='0'
				// item.halfYearGain='0'
				// item.lastnetValue ='1'
				if(item.yearGain > 0 && item.halfYearGain > 0){ //近一年涨幅和进半年涨幅全部存在切不为0 的时候，判断大小
					if(item.yearGain > item.halfYearGain){ //那个大，显示那个
						return item.yearGain ? item.yearGain+'<span class="mini-unit unit-percent">%</span>' :'--'
					}else if(item.yearGain == item.halfYearGain){ //如果相等去近一年的
						return item.yearGain ? item.yearGain+'<span class="mini-unit unit-percent">%</span>' :'--'
					}else{
						return item.halfYearGain ? item.halfYearGain+'<span class="mini-unit unit-percent">%</span>' :'--'
					}
				}
				else if(!item.yearGain && item.halfYearGain > 0){ //如果没有近一年，有近半年的，显示近半年的
					return item.halfYearGain ? item.halfYearGain+'<span class="mini-unit unit-percent">%</span>' :'--'
				}
				else if(item.yearGain > 0 && !item.halfYearGain){ //如果没有近半年，有近一年的，显示近一年的
					return item.yearGain ? item.yearGain+'<span class="mini-unit unit-percent">%</span>' :'--'
				}
				else if(item.yearGain && item.halfYearGain){ //如果两者都存在，判断是否为负值，都是负值取净值，否则取大值
					if(item.yearGain<=0 && item.halfYearGain<=0){
						return !item.lastnetValue || item.lastnetValue ==0 ? '--' : item.lastnetValue
					}else{
						return item.yearGain > item.halfYearGain ? item.yearGain+'<span class="mini-unit unit-percent">%</span>' : item.halfYearGain+'<span class="mini-unit unit-percent">%</span>'
					}
					// console.log('有负有正，取最大')
				}
				else{ // 以上的情况不满足的，显示单位净值
					return !item.lastnetValue || item.lastnetValue ==0 ? '--' : item.lastnetValue
				}

			}else if(this.firstNum == 2 || this.firstNum == 3){
				if(item.investAreaName){
					return item.investAreaName//投资领域根据返回的数字，在数组取文字显示
				}else {
					return '--'
				}
			}
		},
		// 左上单位%
		showType_1_percent(item){
			let value
			if(this.firstNum == 0){
				value = ''
			}else if(this.firstNum == 1){
				if(item.yearGain > 0 && item.halfYearGain > 0){ //近一年涨幅和进半年涨幅全部存在切不为0 的时候，判断大小
					if(item.yearGain > item.halfYearGain){ //那个大，显示那个
						value = item.yearGain
					}else if(item.yearGain = item.halfYearGain){
						value = item.yearGain
					}else{
						value = item.halfYearGain
					}
				}else if(!item.yearGain && item.halfYearGain){ //如果没有近一年，有近半年的，显示近半年的
					value = item.halfYearGain
				}else if(item.yearGain && !item.halfYearGain){ //如果没有近半年，有近一年的，显示近一年的
					value = item.yearGain
				}else if(item.yearGain && item.halfYearGain){ //如果两者都存在，判断是否为负值，都是负值取净值，否则取大值
					if(item.yearGain<=0 && item.halfYearGain<=0){
						value = item.lastnetValue
					}else{
						value =  item.yearGain > item.halfYearGain ? item.yearGain: item.halfYearGain
					}
				}
				else{ // 以上的情况不满足的，显示单位净值
					value = item.lastnetValue
				}
			}else if(this.firstNum == 2 || this.firstNum == 3){ //股权产品，房地产
				if(item.investAreaName){
					value = item.investAreaName //投资领域
				}
			}
			if(value && value.toString().indexOf('%')>-1){
				return '%'
			}else{
				return ''
			}
		},
		//左下名称
		showTypeName_1(item){
			if(this.firstNum == 0){
				if(this.paramsLevel2.categoryId==8&&item.incomeMode!=0){
					let date = item.profitThoudDate || '--'
					return '七日年化（'+ date + '）'
				}else{
					return '业绩比较基准'
				}
			} else if(this.firstNum == 1){
				if(item.yearGain > 0 && item.halfYearGain > 0){
					if(item.yearGain > item.halfYearGain){
						return '近一年涨幅'
					}else if(item.yearGain == item.halfYearGain){
						return '近一年涨幅'
					}else{
						return '近半年涨幅'
					}
				}else if(item.yearGain && !item.halfYearGain){
					return '近一年涨幅'
				}else if(!item.yearGain && item.halfYearGain){
					return '近半年涨幅'
				}else if(item.yearGain && item.halfYearGain){ //如果两者都存在，判断是否为负值，都是负值取净值，否则取大值
					if(item.yearGain<=0 && item.halfYearGain<=0){
						let value = item.netValueDate || '--'
						return "最新净值（"+ value +"）"
					}else{
						return item.yearGain > item.halfYearGain ? '近一年涨幅' : '近半年涨幅'
					}
				}
				else{
					let value = item.netValueDate || '--'
					return "最新净值（"+ value +"）"
				}
			}else if(this.firstNum == 2 || this.firstNum == 3){
				return "投资策略"
			}
		},
		// 右上数据
		showType_2(item){
			if(this.firstNum == 0 || this.firstNum == 1 || this.firstNum == 3){ //债券产品、证券产品
				return item.projectTerm || '--'
			}else if(this.firstNum == 2){ //股权产品、房地产 N+N+N
			  if(item.investPeriod || item.quitPeriod || item.delayPeriod){ //有一个有值就显示，都没有显示--
					let investPeriod = item.investPeriod ? item.investPeriod :'' //投资期
					let jia1 = item.quitPeriod || item.delayPeriod ? '+' : '' //如果后面两个有1个有值，就显示+号
					let quitPeriod = item.quitPeriod ? item.quitPeriod: '' //退出期
					let jia2 = item.delayPeriod ? '+' : '' //如果后面有值，就显示+号，没有就不显示这个加号
					let delayPeriod = item.delayPeriod ? item.delayPeriod : '' //延长期
					return investPeriod + jia1 + quitPeriod + jia2 + delayPeriod
				}else{ //都没有值，显示--
					return '--'
				}
			}
		},
		// 右上单位
		showType_2_unit(item){ //单位0 - 天 1 - 月 2 - 年
			if(this.firstNum == 0 || this.firstNum == 1 || this.firstNum == 3){ //projectTermUnit投资期限单位（私募0：日 1：月 2：年）
				if(item.projectTerm){
					return item.projectTermUnit == 1 ? '个月' : item.projectTermUnit == 2 ? '年' : item.projectTermUnit == 0 ? '日' : ''
				}else{
					return ''
				}
			}else if (this.firstNum == 2){ //termUnit产品期限单位0 - 天 1 - 月 2 - 年
				if(!item.investPeriodinvestPeriod && !item.quitPeriod && !item.delayPeriod){ //如果三个期限均没有值，返回空单位
					return ''
				}else{
					return item.termUnit == 1 ? '个月' : item.termUnit == 2 ? '年' : item.termUnit == 0 ? '日' : ''
				}
			}else {
				return ''
			}
		},
		// 按钮点击延时，防重复点击
		retardation(){
			this.isClick = false;
			let timer; //点击事件延时点击，防重复提交
			if (timer) {
				clearTimeout(timer)
			}
			timer = setTimeout(() => {
				timer = null
				this.isClick = true;
			}, 400)
		}
	},
	filters: {
		FILTER_PERCENT_SHOW(value) { //如果传入参数有百分号，就显示百分号，如果没有就为空
				if (value && value.toString().indexOf('%') > -1) {
					return '%'
				} else if (value) {
					return ''
				}
		},
		FILTER_DELETE_PERCENT(value){ //如果传入的有百分号，则去掉百分号，如果没有则正常返回，为空返回--
			if (!value && value !== 0) {
				return '--'
			} else if (value && value.toString().indexOf('%')>-1) {
				return value.replace('%', '')
			} else{
				return value
			}
		},

	}
};
</script>
